<template>
    <view class="register_item">
        <view class="register_item_tit">
            <image
                class="register_item_icon"
                src="https://oos-cn.ctyunapi.cn/front-end/static/marketingImg/marketing/images/invitation/register_icon.png"
                mode="aspectFill"
            ></image>
            <view class="register_item_des">{{ title }}</view>
        </view>
        <view class="register_item_box">
            <view class="register_item_center" v-if="data.giveCount">
                <image
                    class="register_item_center_icon"
                    src="https://oos-cn.ctyunapi.cn/front-end/static/marketingImg/marketing/images/invitation/item_bg.png"
                    mode="aspectFill"
                ></image>
                <view class="register_item_center_des">
                    <view class="money">{{ data.giveCount }}次</view>
                    <view class="des">免服务费</view>
                </view>
            </view>
            <view class="register_item_center" v-if="data.couponOptionDetail.totalCount">
                <image
                    class="register_item_center_icon"
                    src="https://oos-cn.ctyunapi.cn/front-end/static/marketingImg/marketing/images/invitation/item_bg.png"
                    mode="aspectFill"
                ></image>
                <view class="register_item_center_des">
                    <view class="money">{{ data.couponOptionDetail.totalCount }}张</view>
                    <view class="des">优惠券</view>
                </view>
            </view>
            <view class="register_item_center" v-if="data.bonusAmount">
                <image
                    class="register_item_center_icon"
                    src="https://oos-cn.ctyunapi.cn/front-end/static/marketingImg/marketing/images/invitation/item_bg.png"
                    mode="aspectFill"
                ></image>
                <view class="register_item_center_des">
                    <view class="money">{{ data.bonusAmount }}元</view>
                    <view class="des">奖励金</view>
                </view>
            </view>
            <view class="register_item_center" v-if="data.giveIntegral">
                <image
                    class="register_item_center_icon"
                    src="https://oos-cn.ctyunapi.cn/front-end/static/marketingImg/marketing/images/invitation/item_bg.png"
                    mode="aspectFill"
                ></image>
                <view class="register_item_center_des">
                    <view class="money">{{ data.giveIntegral }}分</view>
                    <view class="des">积分</view>
                </view>
            </view>
        </view>
    </view>
</template>

<script lang="ts">
// import zpMixins from '@/uni_modules/zp-mixins/index';
// marketing/components/invitation-item/invitation-item-item.ts
export default {
    data() {
        return {};
    },
    options: {
        styleIsolation: 'shared'
    },
    /**
     * 组件的属性列表
     */
    props: {
        title: {
            type: String,
            default: '这是子标题'
        },
        data: {
            type: Object,
            default: () => ({
                couponOptionDetail: {}
            })
        }
    },
    /**
     * 组件的方法列表
     */
    methods: {},
    created: function () {}
};
</script>
<style lang="less">
/* marketing/components/invitation-item/invitation-item-item.wxss */
@import url("../../pages/invite/invitation/invitation.less");
</style>
